<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>表单提交</h1>
    <!-- action 表示表单要提交的后端地址 -->
    <!-- 请求方式有多种,常见的有 get 请求 post请求 delete请求 put请求... -->
    <!-- form 表单默认提交为get请求方式 -->
    <form action="/user" method="get">
        <label for="">用户名：</label>
        <!-- name为表单提交时参数属性名 加上name属性表单提交时会默认将输入框内容传递给后端 /user?username=输入框内容 -->
        <input type="text" name="username">
        <br>
         <br>
        <label for="">密码：</label>
        <input type="text" name="password">
         <br>
         <!-- 只要触发form表单中button按钮那么表单就会自动提交 -->
         <button>提交</button>
         <!-- <input type="submit" value="提交"> -->
    </form>

    <h2>表单提交post请求</h2>

    <form action="/list" method="post">
        <label for="">姓名：</label>
        <input type="text" name="username">
        <br>
        <br>
        <label for="">联系方式：</label>
        <input type="text" name="phone">
        <br>
        <button>提交</button>
    </form>
</body>
<!-- 
    post请求和get请求区别：
    1.传参方式不同：get请求参数默认拼接到请求路径上而post请求参数不会拼接到请求路径上而会携带在请求体中。
    2.参数大小不同： get请求参数有大小限制，请求参数最大不能超过4kb，post请求则没有大小限制
    3.安全性有所不同：post请求要比get请求更安全
    4.速度不同：get请求比post请求速度更快
    1b = 1024字节
    1kb = 1024b
    1个汉字2个字节
 -->
</html>